前幾天已經把保健小幫手的功能大致決定好了,今天要開始把這些功能真正整理起來。
因為如果直接開始寫程式,我覺得很容易做到一半才發現:「欸?這個功能要放哪裡?」
所以今天我決定先把整個保健小幫手的架構畫出來。
目前我把整個小幫手分成四個主要部分:
首頁🏠
(打開來第一個看到的地方)
我希望首頁可以直接看到今天比較重要的資訊,例如:
用藥管理💊
(最重要的功能之一)
這個頁面主要負責:
例如新增一筆:
藥品 A
08:00
每天一次
之後首頁就可以顯示這筆紀錄。
健康紀錄📊
(主要放其他健康的紀錄)
目前規劃:
這些資料之後也可以跟歷史紀錄連在一起。
AI 小助手🤖
(之後才會加入的功能)
主要希望讓 AI 協助:
目前先把這個部分留在架構裡,等基本功能完成之後再製作。
除了頁面之外,我覺得資料怎麼流動也很重要。
例如使用者新增一個用藥紀錄:
使用者
↓
輸入藥品名稱
↓
輸入用藥時間
↓
按下儲存
↓
💾 儲存資料
↓
首頁顯示今天的用藥
↓
⏰ 到指定時間提醒
↓
使用者按下「已完成」
↓
💾 更新紀錄
這樣一來,我就可以知道每個按鈕按下去之後應該發生什麼事情。
也不會只是把畫面做出來,卻不知道資料要去哪裡。
把目前的規劃實際整理成一份系統架構。
目前已經完成:
** 主要頁面規劃
確定第一版會有:
首頁🏠
用藥管理💊
健康紀錄📊
AI 小助手🤖
** 主要功能分類**
把每個頁面需要的功能列出來,避免寫程式時一直重新想。
** 3. 完成用藥功能的操作流程**
目前已經確定:
新增藥物 → 設定時間 → 儲存 → 顯示 → 提醒 → 完成紀錄
** 4. 完成資料流向的規劃**
我開始思考資料從使用者輸入之後,要怎麼儲存、顯示以及之後再次讀取。
** 5. 確定開發順序**
不會一次把所有功能都做完:
介面
↓
用藥功能
↓
資料儲存
↓
健康紀錄
↓
歷史紀錄
↓
AI 功能
↓
測試與優化
** Prompt:
「我正在製作一個 AI 保健小幫手,目前規劃有首頁、用藥管理、健康紀錄、歷史紀錄和 AI 小助手。用藥管理包含新增藥物、設定時間、完成紀錄;健康紀錄包含喝水、睡眠和每日狀況。請幫我檢查這個系統架構是否合理,並告訴我初學者可能會遇到哪些問題。不要直接寫程式。」
我特別要求 ChatGPT 不要直接寫程式,因為我比較想先知道整體架構有沒有問題,再開始實作。
昨天我看到的是一堆「功能」,今天則開始知道這些功能之間要怎麼連在一起。
「新增用藥」不是一個獨立的功能。
會連到:
輸入資料 → 儲存 → 首頁顯示 → 時間提醒 → 完成紀錄 → 歷史紀錄
Day 5|設計 UI:我的保健小幫手長什麼樣?
明天我要開始設計實際的畫面,包含首頁、用藥管理、健康紀錄和 AI 小助手的介面。
在開始寫正式功能之前,先把「使用者看到什麼、按哪裡、怎麼操作」設計好。